.index_container {
    display: flex;
    flex-direction: column;
    height: 100vh; // 使容器高度占满整个视口

    scroll-view {
        flex: 1; // 占满剩余空间
        overflow-y: auto;

        .grid-view {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        journal-box {
            width: calc(50% - 8px); // 两列布局，每列宽度占50%，减去交叉轴间距
            margin-bottom: 10px;
        }

        .loading-box {
            display: flex;
            justify-content: center;
            padding: 10px 0;
        }
    }

}